<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=820" />

	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
	<link rel="alternate" type="application/rss+xml" title="gersh.no / feed" href="feed://www.gersh.no/rss"/>

	<link rel="stylesheet" type="text/css" href="css/01_hmenu.css" />

	<title>The horizontal navigation template</title>
	
</head>

<body>
	<div id="page_section">
		<div id="header_section">
			<div id="header">
				<h1 id="logo"><a href="/" title="The horizontal navigation template - homepage">The horizontal navigation template</a></h1>
				<div id="description">This site is about creating usable templates.</div>
			</div><!--End header-->
			<div id="nav">		
				<ul>
					<li class="selected"><a href="/">Home</a></li>
					<li><a href="/projects"  class="projects">Projects</a></li>
					<li><a href="/contact"  class="contact">Contact</a></li>
					<li><a href="/about"  class="about">About</a></li>
				</ul>
			</div>
		</div><!--End extended_header-->
		<div id="content_section">
			
			<div id="breadcrumb"> 
				<h4 class="information">Path:</h4>
				<p><a href="#">site.no</a> / <a href="#">home</a></p>
			</div><!-- End breadcrumb -->
			
			<div id="content" class="content">
				
   				<h1>Preview html elements</h1>
   				<div class="body">
					<h1>Heading [h1]</h1>
					<h2>Heading [h2]</h2>
					<h3>Heading [h3]</h3>
					<h4>Heading [h4]</h4>
					<h5>Heading [h5]</h5>
					<h6>Heading [h6]</h6>
					<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
					<h3>Unordered lists</h3>
					<ul>
						<li>Lorem ipsum dolor sit amet</li>
						<li>Consectetur adipisicing elit</li>
						<li>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
						<li>Ut enim ad minim veniam</li>
					</ul>
					<h3>Ordered lists</h3>
					<ol>
						<li>Consectetur adipisicing elit</li>
						<li>Sed do eiusmod tempor incididunt ut labore</li>
						<li>Et dolore magna aliqua</li>
					</ol>
					<h3>Blockquotes</h3>
					<blockquote>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</blockquote>
					<blockquote>
						<cite>Gerhard Sletten said:</cite>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</blockquote>
					<p>Mauris porttitor augue ut ante. Nullam blandit ipsum vel pede. Nunc commodo arcu id pede. Phasellus interdum urna nec ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris nec felis eu massa facilisis vehicula. Pellentesque odio eros, congue non, dapibus eget, hendrerit sed, nulla. Curabitur sed pede ultricies lacus tristique tempor. Vivamus eget tellus nec justo sagittis porta. Donec ipsum nulla, hendrerit id, cursus sed, dictum non, lectus. In euismod feugiat nibh. Nam pretium, massa eget bibendum consectetuer, magna mauris tincidunt tellus, quis faucibus risus quam bibendum arcu.</p>
					<h3>Tables</h3>
					<table>
						<caption>Jimi Hendrix - albums</caption>
						<thead>
							<tr>
								<th>Album</th>
								<th>Year</th>
								<th>Price</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Are You Experienced </td>
								<td>1967</td>
								<td>$10.00</td>
							</tr>
							<tr>
								<td>Axis: Bold as Love</td>
								<td>1967</td>
								<td>$12.00</td>
							</tr>
						</tbody>
					</table>
					<p>
						<a href="#">Link</a><br />
						<strong>&lt;strong&gt;</strong><br>
						<del>&lt;del&gt; deleted</del><br>
						<dfn>&lt;dfn&gt; dfn</dfn><br>
						<em>&lt;em&gt; emphasis</em>
					</p>
					<pre>This is a pre-element.
					Another line.</pre>
					<code>This is a code-element.
					Another line.</code>
					<tt>&lt;tt&gt;
						Pellentesque tempor, dui ut ultrices viverra, neque urna blandit nisi, id accumsan dolor est vitae risus.
					</tt>
					<hr />
					<h3>Form elements</h3>
					<form action="#" method="get" accept-charset="utf-8">
						<fieldset>
							<legend>A form example</legend>
							<label for="username">Username</label>
							<input type="text" name="username" value="" id="username">

							<label for="email">Email</label>
							<input type="text" name="email" value="" id="email">

							<label for="comment">Comment</label>
							<textarea name="comment" rows="4" cols="40">Your comment here!</textarea>

							<label for="invoice-address">Radio element</label>
							<label><input type="radio" name="invoice-address" /> Value 1</label>
							<label><input type="radio" name="invoice-address" /> Value 1</label>

						</fieldset>
						<input type="submit" value="Continue &rarr;">
					</form>
				</div>
			</div><!-- End #content -->

			<div id="aside">
				<div id="about-widget" class="widget">
					<h3>About authoer</h3>
					<p>This is..</p>
				</div><!-- End about-widget -->
				<div id="tags-widget" class="widget">
					<h3>Browse by tags</h3>
					<ul>
						<li><a href="#" rel="tag">tag#1</a></li>
						<li><a href="#" rel="tag">tag#2</a></li>
						<li><a href="#" rel="tag">tag#3</a></li>
						<li><a href="#" rel="tag">tag#4</a></li>
						<li><a href="#" rel="tag">tag#5</a></li>
						<li><a href="#" rel="tag">tag#6</a></li>
						<li><a href="#" rel="tag">tag#7</a></li>
						<li><a href="#" rel="tag">tag#8</a></li>
					</ul>
					<p>We all <a href="#">the tags here</a>.</p>
				</div><!-- End tags-widget -->

				<div id="archive-widget" class="widget">
					<h3>Latest posts</h3>
					<ul>
						<li><a href="#" >Beta invitation for Avi.. <span>22. Jul</span></a> </li>
						<li><a href="#" >Creating a Design Exten.. <span>21. Jul</span></a> </li>
						<li><a href="#" >New MacBook - How to se.. <span>06. Jul</span></a> </li>
						<li><a href="#" >Name that function: Ter.. <span>26. May</span></a> </li>
						<li><a href="#" >Partly support for Flas.. <span>09. May</span></a></li>
					</ul>
					<p>Check out <a href="#" >the blog archive here</a>.</p>
				</div><!-- End archive-widget -->

				<div id="digg-widget" class="widget">
					<h3>RSS feed</h3>
					<ul>
						<li class="rss-feed"><a href="#" title="Syndicate this site using RSS">RSS Feed</a></li>
						<li class="technorati"><a href="#" title="Fave this blog in Technorati">Add to Technorati</a></li>
					</ul>
				</div><!-- End digg-widget -->		
			</div><!-- Sidebar end-->
		</div><!-- End #content_section -->
		<div id="footer">
			<p>Copyright &copy; 2007 Site..<br />
			<cite>Design by <a href="http://www.huset.no" title="Huset kommunikasjon &amp; design as" target="_blank">www.huset.no</a></cite><br />
			<cite>Powered by <a href="http://www.typo3.no" title="Typo3 Opensource CMS" target="_blank">Typo3 Opensource CMS</a></cite></p>
		</div><!-- End #footer -->
	</div><!-- End #page_section -->

</body>
</html>
